<template>
  <div id="box">
    <h1>App</h1>

    


    <hr>
    <TsBody title="hello jack" content="this is foot"></TsBody>
    <hr>
    <TsBox @user-save="say" @user-edit="log"></TsBox>
    <hr>
    <TsPost>
      <template #default="scope">hello jack {{ scope }}</template>
      <template #a>hello lili </template>
    </TsPost>
  </div>
</template>
<script setup>
import TsBody from './components/TsBody.vue';
import TsBox from './components/TsBox.vue';
import TsPost from './components/TsPost.vue';

const say = function (e) {
  console.log('hello event');
}

const log = function (e) {
  console.log('hello', e);
}

</script>